const {
  defineConfig
} = require('@vue/cli-service')
module.exports = defineConfig({
  // 让babel-loader在编译的时候忽略所有node_modules的文件
  transpileDependencies: true,

  //直接关闭eslint检查(值可以是布尔值,也可以是waring,官方推荐warning,只是在启动浏览器的过程中会有警告，不会影响代码执行。)  
  // lintOnSave: "false",

  // 配置自动打开浏览器方法 1：在devServer的配置中配置。
  devServer: {
    // 配置项目启动以后自动打开浏览器。
    open: true,
    // 如果配置自动打开浏览器，请显式的设置host地址
    host: "127.0.0.1",
    // 如果脚手架中默认设置的端口号是8080，我们可以修改端口号
    port: 8888,
  },

  // 配置路径别名
  configureWebpack: {   //configureWebpack对象里面配置的内容会自动转到webpack的配置中去。这里相当于给webpack配置了resolve对象，用来设置路径别名。
    resolve: {
      alias: {
        "@assets": "@/assets",
        "@comp": "@/components",
        "@pages": "@/pages",
      }
    }
  }
})